import React, { Component } from 'react';
import { WritterWrapper, AuthorWrapper } from '../style';

class Writter extends Component{
  render() {
    return (
      <div>
        <WritterWrapper>
          <img src="//cdn2.jianshu.io/assets/web/download-index-side-qrcode-cb13fc9106a478795f8d10f9f632fccf.png" alt=""/>
          <div className="title">下载简述手机APP ></div>
          <div className="des">随时随地发现和创作内容</div>
        </WritterWrapper>
        <AuthorWrapper>
          <div className="top">
            <span className="left">推荐作者</span>
            <span className="right">换一批</span>
          </div>
          <div className="main">
            <div className="each">
              <img src="//upload.jianshu.io/users/upload_avatars/8972166/065e6770-aacc-4365-9abf-c46a59cdf7f6.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp" alt=""/>
              <span>
                +关注
              </span>
              <div className="name">
                木鱼水心
              </div>
              <div className="desc">
                写了429.6k字 · 6.7k喜欢
              </div>
            </div>
            <div className="each">
              <img src="//upload.jianshu.io/users/upload_avatars/3292545/78f2855a-80fd-419a-9fb2-1aeed39690f0.png?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp" alt=""/>
              <span>
                +关注
              </span>
              <div className="name">
                木鱼水心
              </div>
              <div className="desc">
                写了429.6k字 · 6.7k喜欢
              </div>
            </div>
            <div className="each">
              <img src="//upload.jianshu.io/users/upload_avatars/9234143/0819f188-bedf-4878-bbc7-bf08c163314e?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp" alt=""/>
              <span>
                +关注
              </span>
              <div className="name">
                木鱼水心
              </div>
              <div className="desc">
                写了429.6k字 · 6.7k喜欢
              </div>
            </div>
            <div className="each">
              <img src="//upload.jianshu.io/users/upload_avatars/6305091/dc5b863a-26fc-47df-af32-18177f6cc9ff.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp" alt=""/>
              <span>
                +关注
              </span>
              <div className="name">
                木鱼水心
              </div>
              <div className="desc">
                写了429.6k字 · 6.7k喜欢
              </div>
            </div>
          </div>
          <div className="showAll">
            查看全部
          </div>
        </AuthorWrapper>
      </div>
    )
  }
}

export default Writter


